<!DOCTYPE html>
<html style="font-size: 100px;">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <link rel="icon" href="/favicon.ico">
  <title>动环监控系统</title>
  <script>
    (function (doc, win) {
      const dpr = Math.min(win.devicePixelRatio, 3),
        scale = 1 / dpr,
        resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize';

      var recalCulate = function () {
        var docEle = document.documentElement,
          w = docEle.clientWidth,
          num = (w > 750 ? 750 : w) / 750;       // **此时的750就是你设计稿的尺寸
        docEle.style.fontSize = (num * 100).toFixed(1) + 'px';
      };
      recalCulate();
      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvent, recalCulate, false);
    })(document, window);
  </script>
</head>

<body>
  <noscript>
    <strong>
      请开启 JavaScript 功能来使用 <%= VUE_APP_TITLE %>。
    </strong>
  </noscript>
  <div id="app"></div>
</body>

</html>